<template>
	<view class="content">
		
		
		<button @tap="handleTap('picker3')">省市区三级选择</button>
		<view>{{ value3.join('-') }}</view>
		<lb-picker ref="picker3"
		  v-model="value3"
		  mode="multiSelector"
		  :list="list"
		  :level="3"
		  @change="handleChange"
		  @confirm="handleConfirm"
		  @cancle="handleCancle">
		</lb-picker>
	</view>
</template>

<script>
	import common from '../../utils/common.js'
	import areaData from '../../utils/area-data-min.js'
	export default {
		data() {
			return {
				title: 'Hello',
				value3: [],
				value5: ['340000', '340800', '340826'],
				value6: ['130000', '130200'],
				list: areaData
			}
		},
		onLoad() {
		
			// this.getBanner()
			this.f0()
		},
		methods: {
			handleTap (picker) {
				this.$refs[picker].show()
			},
			handleChange (item) {
				console.log('change::', item)
			},
			handleConfirm (item) {
				console.log('confirm::', item)
			},
			handleCancle (item) {
				console.log('cancle::', item)
			}
		}
		
	}
</script>

<style>

</style>
